<section id="industry">
	<div class="line-height-45 font-16 border-b ml-24 mr-24 font-wt">入驻企业行业面积分析</div>
  <div class="clearfix industry-wrap br-4" >    
    <div class=" dy-flex" style="justify-content: flex-end;">
			<hl-select :data="projectList" placeholder="请选择项目" v-model="projectId" class="mr-10" :width="150" @on-change="selectProjectId" type="primary"></hl-select>
      <web-calendar type="primary" v-model="industryDate"  width="150" @change="selectD" left-right='right'></web-calendar>
    </div>
	
	<!-- 环形图 -->
	<div class="industry-container mt-15 pb-10 " style="min-width:300px;height:300px;line-height:300px;text-align:center;"></div>
  </div>
  
</section>

<style type="text/css">
	.industry-wrap {
		background-color: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
		padding: 10px;
		margin: 24px 24px 0;
	}
	.highcharts-tooltip span {
		background-color: rgba(255,255,255,.85);
		padding: 8px;
		border-radius: 4px;
	z-index: 1;
	}
</style>

<script src="modules/report_ui/scripts/industry.js" charset="utf-8"></script>
